<template>
	<view class="people">
		<view class="item" v-for="(item,index) in dataList" :key='index'>
			<image class="item-img" :src="item.headimgurl || vuex_config.errImg" mode=""></image>
			<view class="item-box">
				<view class="">昵称：{{item.nickname || '用户昵称'}}</view>
				<view class="">手机号：{{item.mobile || '无'}}</view>
				<view class="">分销等级：{{item.level_name || '无'}}</view>
				<view class="">个人业绩：{{item.order_money || 0}}</view>
			</view>
		</view>
		<sww-load-more :params="dataListParams"></sww-load-more>
	</view>
</template>

<script>
	import {
		pagingMixin
	} from '@/mixins/sysPaging.js'
	export default {
		mixins:[pagingMixin],
		data(){
			return{
				id:''
			}
		},
		onLoad(option){
			if(option.id && option){
				this.id = option.id 
				this.initPage()
			}
		},
		onReachBottom(){
			this._load_data()
		},
		methods:{
			initPage(){
				this._init_data('GetUsersQuerySubordinate',{pk_id:this.id,business_id:this.vuex_business.pk_id})
			}
		}
	}
</script>
<style>
	page{
		background-color: #F5F5F5;
	}
</style>
<style lang="scss" scoped>
	.people{
		padding: 20rpx 26rpx 0;
		.item{
			width: 100%;
			border-radius: 20rpx;
			background-color: #fff;
			padding: 20rpx;
			display: flex;
			align-items: center;
			margin-bottom: 20rpx;
			.item-img{
				flex: 1;
				height: 180rpx;
				border-radius: 10rpx;
				margin-right: 20rpx;
			}
			.item-box{
				flex: 2;
				height: 180rpx;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
			}
		}
	}
</style>
